<template>
  <div class="home">
    <div class="fp-one">
      <div id="carousel-one" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <a href="http://wufazhuce.com/one/2015"><img class="fp-one-imagen" src="http://image.wufazhuce.com/FqGEm4kPLo-SjkfWc-spiOmN8lbg" alt=""></a>
            <div class="fp-one-imagen-footer">
              摄影 </div>
            <div class="fp-one-cita-wrapper">
              <div class="fp-one-cita">
                <a href="http://wufazhuce.com/one/2015">人总会想拥有一些不属于自己的东西，但当真的有机会得到却不敢要，因为一旦接受了，就会失去自己。</a>
              </div>
              <div class="fp-one-titulo-pubdate">
                <p class="titulo">VOL.1985</p>
                <p class="dom">14</p>
                <p class="may">Mar 2018</p>
              </div>
            </div>
          </div>
        </div>
        <a class="left carousel-control" href="#carousel-one" data-slide="prev">
          <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a class="right carousel-control" href="#carousel-one" data-slide="next">
          <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
      </div>
    </div>
  </div>
</template>

<style>
.fp-one-cita-wrapper {
  margin: 0 auto;
  display: flex;
  width: 750px;
}
::-webkit-scrollbar {
  display: none;
}
.fp-one-imagen-footer {
  margin: 0 auto;
  background-color: #333;
  color: #fff;
  padding: 3px 0;
  text-align: center;
  margin-top: -4px;
  width: 750px;
}
.fp-one-cita {
  width: 700px;
  text-align: left;
  background-color: #d6d6d6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.fp-one-cita > a {
  color: #000;
}
.fp-one-titulo-pubdate {
  background-color: #f2f2f2;
  color: #000;
}
.fp-one-titulo-pubdate > p:nth-child(1) ,.fp-one-titulo-pubdate> p:nth-child(3) {
  font-size: 12px;
}
.fp-one-titulo-pubdate>p:nth-child(2) {
  
}
</style>


<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue';

// export default {
//   name: 'home',
//   components: {
//     HelloWorld,
//   },
// };
</script>
